<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02-body.html</title>
</head>
<body>
    <!--网页顶部-->
    <div id="top">
        <img src="https://ts2.cn.mm.bing.net/th?id=ORMS.72eff93620c5a47ee7ff38fa45df2912&pid=Wdp&w=300&h=156&qlt=90&c=1&rs=1&dpr=1&p=0" 
            width="300px"
            height="156px"
            alt>
        <img src="img/boy.png" 
            width="200px"
            height="200px" 
            alt="路径不正确"
            title="这是一张logo">
    </div>
    <!--网页中间部分-->
    <div id="main">
        <!--无序列表-->
        <ul>
            <li>list item 列表项</li>
            <li>list item 列表项</li>
            <li>list item 列表项</li>
        </ul>
        <!--有序列表 start:开始位置 type：键的类型  reversed 排序顺序倒置-->
        <ol start="1" reversed
            type="a">
            <li>list item 列表项</li>
            <li>list item 列表项</li>
            <li>list item 列表项</li>
        </ol>
        <!--列表嵌套-->
        <ol>
            <li>西游记
                <ul>
                    <li>孙悟空</li>
                    <li>猪八戒</li>
                    <li>白龙马</li>
                </ul>
            </li>
        </ol>

        <ul>
            <li>第一章
                <ol start="a"
                    type="a">
                    <li>
                        <a href="https://www.baidu.com" 
                            target="_blank">百度</a>
                    </li>
                    <li>
                        <a href="https://www.taobao.com"
                            target="_blank">淘宝</a>
                    </li>
                    <li>第三节</li>
                </ol>
            </li>
            <li>第二章
                <ol start="A"
                    type="A">
                    <li>第一节</li>
                    <li>第二节</li>
                    <li>第三节</li>
                </ol>
            </li>
        </ul>

        <!--创建表格标签 border 边框 cellspacing 边框距离-->
        <table border="1" cellspacing="0">
            <caption>学生信息管理</caption>
            <!--创建行标签-->
            <tr>
                <!--行中创建单元格以显示数据-->
                <th>姓名</th>
                <th>年龄</th>
                <th>班级</th>
            </tr>
            <tr>
                <td>张三</td>
                <td>20</td>
                <td>一班</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>18</td>
                <td>二班</td>
            </tr>
        </table>



    </div>
    <div id="bottom">
        <a href="https://www.baidu.com" 
        target="_blank">百度</a>

        <a href="https://www.taobao.com" 
        target="_self">淘宝</a>

        <a href="#top">回到顶部</a>
    </div>

</body>
</html>